<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        //熟练背诵 
        // cookie  和 storage 的区别?
        // 出现时间:

        // storage : h5出现之后才有的  
       //  cookie: 有js才有
       
       // 存储大小:
        //  storage 20m左右 
        //  cookie 4kb

        // 前后端交互  
        // storage 不会跟着请求自动携带 
        // cookie  请求自动携带 

        // 前后端操作 

        // storage: 只有前端js 才能 
        //  cookie:前后端都可以操作 

        // 过期时间 :
        // storage 不能手动设置过期时间
        // cookie 可以手动设置过期时间 




        // localStorage 和 sessionStorage的区别?

        // 过期时间  

        // localStorage永久存储
        // sessionStorage你是存储

        // 跨页面通讯 
        //  localStorage  同一个域名 同一个浏览器 
        //  sessionStorage 只能从当前页面跳转过去的才可以通讯   



        // 共同点:
        // 只能存字符串  不能存复杂数据类型  
        // 存储其它数据类型  获取的时候 得到也是字符串  

    </script>
</body>
</html>